import React from 'react'
import { renderToStaticMarkup } from 'react-dom/server';

export default {
  // 总览页
  'overview_exec': renderToStaticMarkup(
    <div>
      {
        BlueWare.isAndroid?(
          <span>展示网络请求，数据库，UI渲染，图片解析，JSON解析的执行时间趋势图</span>
        ):(
          <span>展示网络请求、数据库、UI渲染的执行时间趋势图</span>
        )
      }

    </div>
  ),
  'overview_crash_count': renderToStaticMarkup(
    <div>
      按已解决与未解决划分的崩溃次数时间曲线
    </div>
  ),
  'overview_http_resp': renderToStaticMarkup(
    <div>
      发送HTTP 请求开始，到收到所有响应内容的时间
    </div>
  ),
  'overview_http_error': renderToStaticMarkup(
    <div>
      此处指网络故障率，即：网络错误数量与请求数量的比率。
    </div>
  ),
  'overview_session_appversion': renderToStaticMarkup(
    <div>
      用户交互过程中每个App 终端与服务器的连接次数
    </div>
  ),
  'overview_interaction': renderToStaticMarkup(
    <div>
      平均执行时间最长的5条交互数据列表
    </div>
  ),
  // 交互页
  'interaction_avg_exec': renderToStaticMarkup(
    <div>
      平均执行时间最长的TOP5 Activity 执行时间曲线
    </div>
  ),
  'interaction_exec_count': renderToStaticMarkup(
    <div>
      执行次数最多TOP5 Activity 执行时间曲线
    </div>
  ),
  'interaction_ui_bd': renderToStaticMarkup(
    <div>
      UI 主线程中执行次数TOP5 线程时间曲线
    </div>
  ),
  'interaction_work_bd': renderToStaticMarkup(
    <div>
      worker 主线程中执行次数TOP5 线程时间曲线
    </div>
  ),
  'interaction_trace': renderToStaticMarkup(
    <div>
      默认单线程执行时间超过0.4s最慢的top5 慢交互
    </div>
  ),
  // 设备页
  'device_avg_exec': renderToStaticMarkup(
    <div>
      各类设备执行时间TOP5 堆叠时间曲线
    </div>
  ),
  'device_http_resp': renderToStaticMarkup(
    <div>
      展示各类设备HTTP 平均响应时间TOP5 的时间曲线
    </div>
  ),
  'device_http_err': renderToStaticMarkup(
    <div>
      此处指网络故障率，即：网络错误数量与请求数量的比率。
      <br />
      其中发生网络错误的HTTP 请求数指发生DNS 解析错误、无法建连、连接超时等网络方面的错误的数量。
    </div>
  ),
  'device_session': renderToStaticMarkup(
    <div>
      展示各类设备活跃会话数TOP5 的时间曲线
    </div>
  ),
  // 操作系统页
  'os_avg_exec': renderToStaticMarkup(
    <div>
      各类操作系统执行时间TOP5 堆叠时间曲线
    </div>
  ),
  'os_http_resp': renderToStaticMarkup(
    <div>
      展示各类操作系统HTTP 平均响应时间TOP5 的时间曲线
    </div>
  ),
  'os_http_err': renderToStaticMarkup(
    <div>
      此处指网络故障率，即：网络错误数量与请求数量的比率。
      <br />
      其中发生网络错误的HTTP 请求数指发生DNS 解析错误、无法建连、连接超时等网络方面的错误的数量。
    </div>
  ),
  'os_session': renderToStaticMarkup(
    <div>
      用户交互过程中每个App 终端与服务器的连接次数
    </div>
  ),
  // 崩溃页
  'crashlog_crash_rate': renderToStaticMarkup(
    <div>
      崩溃率 = 崩溃次数 / APP使用次数
    </div>
  ),
  'crashlog_crash_count': renderToStaticMarkup(
    <div>
      按已解决与未解决划分的崩溃次数时间曲线
    </div>
  ),
  'crashlog_crash_count_by_version': renderToStaticMarkup(
    <div>
      展示不同应用版本号的崩溃次数时间曲线
    </div>
  ),
  'crashlog_crashlist': renderToStaticMarkup(
    <div>
      展示崩溃信息列表
    </div>
  ),
  // 网络请求页
  'http_resp': renderToStaticMarkup(
    <div>
      发送HTTP 请求开始，到收到所有响应内容的时间
    </div>
  ),
  'http_thp': renderToStaticMarkup(
    <div>
      平均每分钟的HTTP 请求数量
    </div>
  ),
  'http_slow_trace': renderToStaticMarkup(
    <div>
      慢请求指请求时长大于 0.4 秒的请求。
    </div>
  ),
  // 网络错误页
  // 网络地理
  // 运营商
  'carries_http_resp': renderToStaticMarkup(
    <div>
      展示各运营商平均响应时间，响应次数时间曲线、叠加图
    </div>
  ),
  'carries_net_err': renderToStaticMarkup(
    <div>
      展示各运营商的错误率、错误次数、总次数的时间曲线、叠加图
    </div>
  ),
  'carries_session': renderToStaticMarkup(
    <div>
      展示各运营商的session数的时间曲线、叠加图
    </div>
  ),
  // 应用版本
  'appversion_exec_time': renderToStaticMarkup(
    <div>
      展示各应用版本平均执行时间、最大执行时间、最小执行时间、执行次数的时间曲线叠加图
    </div>
  ),
  'appversion_session': renderToStaticMarkup(
    <div>
      展示各应用版本session数的时间曲线叠加图
    </div>
  ),
  // 日活
  'dayactive_device': renderToStaticMarkup(
    <div>
      统计12天，显示每一天活跃用户数柱状图
    </div>
  ),
  'dayactive_time': renderToStaticMarkup(
    <div>
      对比同一段时间，查看今日，昨日，7 天前，15 天前活跃用户数
    </div>
  ),
  'dayactive_geo': renderToStaticMarkup(
    <div>
      显示不同地理位置，活跃用户数对比曲线图
    </div>
  ),
  'dayactive_appversion': renderToStaticMarkup(
    <div>
      显示不同APP 版本，活跃用户数对比曲线图
    </div>
  ),
  'dayactive_os': renderToStaticMarkup(
    <div>
      显示不同操作系统，活跃用户数对比曲线图
    </div>
  ),
  'framerate_chart0_desc': renderToStaticMarkup(
    <div>
      流畅度 1 秒中之内绘图刷新信号中断的次数。<br />
      次数越接近 40 时，用户能感知到卡顿，SM 在 20 以下卡顿比较严重。<br />
      我们采集流畅度小于 40 的数据绘制成曲线图，以此预测卡顿趋势状况。
    </div>
  ),
  'framerate_distribution': renderToStaticMarkup(
    <div>
      卡顿现象在设备，APP版本，操作系统版本，CPU的分布情况。<br />
      我们采集流畅度小于 40 的数据绘制成曲线图，以此预测卡顿趋势状况。
    </div>
  ),
  'add_to_doshboard': renderToStaticMarkup(
    <div>
      点击添加到总览
    </div>
  ),
  'webview_slow_trace': renderToStaticMarkup(
    <div>
      WebView 请求耗时数据 > 1.2 s 采集 Trace
    </div>
  ),
  'new_overview_score': renderToStaticMarkup(
    <div>
      OneAPM 根据今日 App 的性能指标值给出今日实时 App 性能评分，
      <br/>
      提示用户关注 App 实时健康状况。
    </div>
  ),
  'new_overview_reponse_time': renderToStaticMarkup(
    <div>
      所选时间范围内，所有网络请求耗时进行阶段划分，默认按照订制区间
      <br/>
      [0-60ms)，[60-600ms)，[600-Nms) 划分网络性能状况。
    </div>
  ),
  'new_overview_network': renderToStaticMarkup(
    <div>
      默认展示平均响应时间最长的 5 条网络请求的趋势信息。
    </div>
  ),
  'new_overview_geo': renderToStaticMarkup(
    <div>
      选择查看网络性能指标地域分布情况。
    </div>
  ),
  // 活跃分析
  'activeanalysis_activeuser': renderToStaticMarkup(
    <div>
      活跃用户是指当日有使用应用（至少启动一次）的用户数。
    </div>
  ),
  'activeanalysis_activeuser_detail': renderToStaticMarkup(
    <div>
      某日/周/月的活跃用户占所选时间段总活跃用户的比例。
    </div>
  ),
  'activeanalysis_starttimes': renderToStaticMarkup(
    <div>
      启动次数。
    </div>
  ),
  'activeanalysis_activeanalysis': renderToStaticMarkup(
    <div>
      DAU即日活跃用户数，MAU即月活跃用户数（排重）。DAU/MAU是社交游戏类和在线类应用常用的一项评估指标，用于分析用户粘度。比值越趋近于1表明用户活跃度越高，在比值低于0.2时，应用的传播性和互动性将会很弱。行业中也常用DAU/MAU乘以30来计算每月用户平均活跃天数。
    </div>
  ),
  'setting_app': renderToStaticMarkup(
    <div>
      <div>
        勾选数据采集选框，即打开响应数据采
      </div>
      <div>
        集功能，按照 App 关闭数据采集所有版
      </div>
      <div>
        本 App 都将关闭相应数据采集。
      </div>
    </div>
  ),
  'setting_versions': renderToStaticMarkup(
    <div>
      <div>
        勾选数据采集选框，即打开相应数据采集功能，
      </div>
      <div>
        按照APP关闭相应数据采集，所有版本都将关闭
      </div>
      <div>
        相应数据采集，并且采集状态不可修改。
      </div>
    </div>
  )
}
